@charset "UTF-8";
#contactall {
	width:1030px;
	float:left;
}
/* tit */
#tit {
	width:1030px;
	float:left;
}
#tit ul {
}
#tit li {
	float:left;
	width:50%;
}
#tit .tit-a {
	width: 500px;
	height: 34px;
	float: left;
	background-image: url(../images/bg-line-1.gif);
	background-repeat: repeat-x;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 34px;
	color: #333;
	margin-bottom: 15px;
	text-align: left;
	padding-left:15px;
}
#tit .tit-b {
	width: 500px;
	height: 34px;
	float: left;
	background-image: url(../images/bg-line-1.gif);
	background-repeat: repeat-x;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 34px;
	color: #333;
	margin-bottom: 15px;
	text-indent: 14px;
	text-align: right;
	padding-right:15px;
}
#tit .tit-b a {
	color: #900;
	text-decoration: underline;
	margin-right:6px;
}
#tit .tit-b a:hover {
	color: #333;
	text-decoration: none;
}
/* contact */
#contact {
	width:1030px;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #333;
}
#contact img {
	width:300px;
	height:200px;
	overflow:hidden;
	margin-bottom:6px;
}
#contact ul {
	width:500px;
	padding-left:15px;
	float:left;
	margin-bottom:18px;
}
#contact li {
	width:500px;
	float:left;
}
#contact .con-1 a {
	color: #333;
	text-decoration: underline;
}
#contact .con-2 a {
	color: #900;
	text-decoration: underline;
}
#contact .con-1 a:hover ,#contact .con-2 a:hover {
	color: #333;
	text-decoration: none;
}
#contact .con-2 a {
	margin-right:8px;
}
/* contact-edit */
#contactEdit {
	width:1030px;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	color: #333;
}
#contactEdit ul {
}
#contactEdit li {
	float:left;
	margin-bottom:6px;
}
#contactEdit .ce-1 {
	width: 300px;
	height: 200px;
	background-image: url(../images/work-edit-bg.png);
	background-repeat: no-repeat;
	padding:10px;
	margin-left:15px;
	margin-right:15px;
}
#contactEdit .ce-1 img {
	width: 300px;
	height: 200px;
	overflow:hidden;
}
#contactEdit .ce-2 {
	width: 680px;
}
#contactEdit .ce-2a {
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	border: 1px solid #666;
	width: 600px;
}
#contactEdit .ce-3 {
	width: 680px;
	height:68px;
}
#contactEdit .ce-4 {
	width: 1015px;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	color: #333;
	padding-left:15px;
}
#contactEdit .ce-5 {
	width: 1015px;
	padding-left:15px;
}
#contactEdit .ce-5 p {
	float:left;
	width:113px;
	margin-right:13px;
	margin-bottom:6px;
}
#contactEdit .ce-5 checkbox {
	margin-right:13px;
}
#contactEdit .ce-6 {
	width: 1015px;
	padding-left:15px;
}
#contactEdit .ce-6a {
	width: 600px;
	height: 60px;
	color: #000;
	font-size: 14px;
}
#contactEdit .ce-7 {
	width: 1015px;
	text-align: right;
	background-color: #f1f1f1;
	height: 22px;
	padding-right:15px;
}
#contactEdit .ce-7 a {
	color: #900;
	text-decoration: underline;
	font-size: 12px;
	line-height: 22px;
}
#contactEdit .ce-7 a:hover {
	text-decoration: none;
}
#contactEdit .ce-8 {
	width: 680px;
	font-weight: bold;
	color: #900;
}
#contactEdit .ce-8 p {
	float:left;
	width:80px;
	margin-right:13px;
	margin-bottom:6px;
}
/* PhotoList */
#PhotoList {
	width:1030px;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	color: #333;
}
#PhotoList ul {
	width:320px;
	height:425px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
#PhotoList li {
	width:320px;
	float:left;
	margin-bottom:6px;
}
#PhotoList .pl-1 {
	width:310px;
	float:left;
	margin-bottom:6px;
	padding-left:10px;
}
#PhotoList .pl-1 a {
	font-size: 12px;
	line-height: 22px;
	color: #900;
	text-decoration: underline;
}
#PhotoList .pl-1 a:hover {
	text-decoration: none;
}
/* 相簿列表 */
.photo-indexa {
	margin: 10px;
	height : 320px;
	width : 320px;
	text-align : center;
	/* Firefox, Chrome */
	line-height : 320px;
	white-space : nowrap;
	/* IE */
	*font-size : 256px;  /* 200px * 0.8 = 180px */
	*font-family : Arial;
	background-image: url(../images/photo-bg2.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.photo-indexa:after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
.photo-indexa img {
  vertical-align : middle;
}
.work-e {
	background-image: url(../images/photo-bg.gif);
	background-repeat: no-repeat;
	height : 100px;
	width : 100px;
	text-align : center;
	/* Firefox, Chrome */
	line-height : 100px;
	white-space : nowrap;
	/* IE */
	*font-size : 80px;  /* 200px * 0.8 = 180px */
	*font-family : Arial;
	padding:10px;
	margin-top: 8px;
	margin-right: 3px;
	margin-bottom: 16px;
	margin-left: 3px;
}
.work-e:after {	
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
.work-e img {
  vertical-align : middle;
}
/* page */
#page {
	width: 1030px;
	float: left;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	padding-top:15px;
}
#page ul {
}
#page li {
	float:right;
	font-family: "微軟正黑體", "儷黑 Pro", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 24px;
	margin-left:12px;
	color: #999;
}
#page a {
	height : 24px;
	width : 60px;
	background-color: #f2f2f2;
	display:block;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
}
#page a:hover {
	background-color: #da2028;
	color: #fff;
}